<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
 	<title>newBack</title>
	 <meta name="viewport" content="width=device-width, initial-scale=1">
	 <script type="application/javascript" src="/Public/js/jquery.min.js"></script>
	 <script type="application/javascript" src="/Public/js/bootstrap.min.js"></script>
	 <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css" />
 	<style type="text/css">
   ul#navbar{
   	margin-right: 25px;
   }
.mysearch{
	margin: 10px 0;

        }
#left{
	width: 250px;
	height: 500px;
}
#main{
	height: 60px;
	margin-right: 15px;
       }
   .form-group{
	   overflow: hidden;
   }
 	</style>
	 

	 
	 

	 
 </head>
 <body>

 	<!-- 导航 -->
  
 	<nav class="navbar navbar-default navbar-static-top" 
 	style="margin-bottom: 0;">
 		<!-- 导航条的头部 -->
 		<div class="navbar-header">
 			<a href="#" class="navbar-brand">网站后台管理</a>
 			<!-- 缩小的时候形成下拉的效果 -->
 			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
 		</div>
 		<ul class="nav navbar-nav navbar-right" id="navbar">
 		<li><a href="#"><span class="badge" style="background-color: #880015">23</span>-->
 		</a></li>
 			<li><a href="#"><span class="glyphicon glyphicon-off"></span>&nbsp注销</a></li>
 		</ul>
	</nav>
  
	
 		<!-- 左侧功能栏 -->
 	    <div class=" navbar-default navbar-collapse col-md-2" id="left">
 			<ul class="nav" >
              <li>
                <div class="input-group  mysearch">
              	<input type="text" class="form-control " />
              	<span class="input-group-btn">		
           <button class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
              	</span>
              </div>
              </li>
              <li><a href=""><span class="glyphicon glyphicon-th-list "></span>&nbsp内容管理</a></li>
              <li><a href=""><span class="glyphicon glyphicon-th-large"></span>&nbsp分类管理</a></li> 
              <li>
              	<a href="#sub1" data-toggle="collapse"><span class="glyphicon glyphicon-user "></span>&nbsp用户管理
              		<span class="glyphicon glyphicon-chevron-right pull-right"></span></a>
                  <ul id="sub1" class="nav collapse">
                     <li><a href="#">管理员管理</a></li>
                     <li><a href="#">会员管理</a></li>
                  </ul> 

              </li>
              <li><a href=""><span class="glyphicon glyphicon-list-alt "></span>&nbsp日志管理</a></li>

              <li><a href=""><span class="glyphicon glyphicon-remove "></span>&nbsp退出</a></li>
 			 </ul>

 		</div>

	

     <!--内容页面-->
	
	<a href="" class="btn btn-default btn-success pull-right" >添加文章</a><br><br>
	<div class="row" id="main" style="margin-left: 250px;">
		<table class="table table-bordered container-fluid">
			<tr class="text-center">
			<td>ID</td>
				<td class="col-md-2">封面</td>
			<td class="col-md-2">标题</td>
                <td class="col-md-4">摘要</td>
			<td>创建时间</td>
			<!--<td>修改时间</td>-->
			<td class="col-md-2">操作</td></tr>
			<tr class="text-center">
				<td>1</td>
				<td class="col-md-2"><img src=""></td>
				<td class="col-md-2">composer的应用</td>
				<td class="col-md-4">代表边框间距靠左0 靠上0 和1px阴影范围 阴影颜</td>
				<td>修改时间</td>
				<!--<td>2017-4-3</td>-->
				<td class="col-md-2"><a href="" class="btn btn-default btn-primary">
					<span class="glyphicon glyphicon-edit"></span>&nbsp;编辑</a>&nbsp;&nbsp;&nbsp;
					<a href="" class="btn btn-default btn-danger">
						<span class="glyphicon glyphicon-trash"></span>&nbsp;删除</a></td></tr>
		</table>
	</div>

 </body>
 </html>